<!DOCTYPE html>
{% include "ic/head.html" with context %}
<body>
    <div id="wrapper">
        <nav class="navbar navbar-default navbar-cls-top " role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                <div class="text-box" >
                </div>
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/italiaCives"></a>
            </div>

  <div style="color: white; padding: 15px 0px 5px 5px;float: right; font-size: 16px;">
       {{pageData["ente_def"].denominazione}} &nbsp; &nbsp;</div>
        </nav>
           <!-- /. NAV TOP  -->
{% include "ic/sidebar-sx.html" with context %}
        <div id="page-wrapper" >
            <div id="page-inner">
                {% block content %}
                    <ul class="nav nav-tabs" id="myTabs">
                            <li class="active">
                                <a style="color:#F87217;text-decoration:none;" href="#home" data-toggle="tab" data-url="/italiaCives/dashboard_stream" ><i class="fa fa-home fa-lg"></i>
                                    <span class="pippo">Home</span>
                                </a>
                            </li>
                                                <li>
                                <a style="color:#31B0D5;text-decoration:none;" data-toggle="tab" href="#news" data-url="/italiaCives/news" >
                                    <i class="fa fa-rss fa-lg"></i> <span  class="pippo">News</span>
                                </a>
                            </li>
                                                <li>
                                <a style="color:#449D44;text-decoration: none;" href="#eventi" data-toggle="tab" data-url="/italiaCives/news?tipo=eventi" >
                                    <i class="fa fa-bullhorn fa-lg"></i>
                                    <span  class="pippo">Eventi</span>
                                </a>
                            </li>
                                                <li>
                                <a style="color:#C9302C;text-decoration:none;" href="#segnalazioni" data-toggle="tab" data-url="/italiaCives/segnalazioni/" >
                                    <i class="fa fa-edit fa-lg"></i>
                                    <span  class="pippo">Segnalazioni</span>
                                </a>
                            </li>
                                                        <li>
                                <a style="color:#5F5B59;text-decoration:none;" href="#comune" data-toggle="tab" data-url="/italiaCives/segnalazioni" >
                                    <i class="fa fa-phone fa-lg"></i>
                                    <span  class="pippo">Numeri Utili</span>
                                </a>
                            </li>
                            <li>
                                <a style="color:#0040FF;text-decoration:none;" href="#cambiacomune" data-toggle="tab" data-url="/italiaCives/cambiacomune" >
                                    <i class="fa fa-refresh fa-lg"></i>
                                    <span  class="pippo">Cambia Comune</span>
                                </a>
                            </li>
                            <li class="dropdown">
                                <a style="color:#0040FF;text-decoration:none;" href="#" data-toggle="dropdown"  >
                                    <i class="fa fa-bank fa-lg"></i>
                                    <span  class="pippo">Il Comune</span>
<!--
                                    <b class="caret"></b>
-->
                                    </a>
                                      <ul class="dropdown-menu">
                                        <li><a href="#" data-url="/italiaCives/cambiacomune" class="fa fa-bank fa-lg">
                                    <span  class="pippo">Il Comune</span></a></li>
                                        <li><a href="#" data-url="/italiaCives/cambiacomune" class="fa fa-bank fa-lg">
                                    <span  class="pippo">Il Comune</span></a></li>
                                        <li><a href="#" data-url="/italiaCives/cambiacomune" class="fa fa-bank fa-lg">
                                    <span  class="pippo">Il Comune</span></a></li>
                                        <li class="divider"></li>
                                        <li><a href="#" data-url="/italiaCives/cambiacomune" class="fa fa-bank fa-lg">
                                    <span  class="pippo">Il Comune</span></a></li>
                                      </ul>
                                    </li>
                                <li class="dropdown">
                                <a style="color:#0040FF;text-decoration:none;" href="#" data-toggle="dropdown"  >
                                    <i class="fa fa-money fa-lg"></i>
                                    <span  class="pippo">Attività commerciali</span>
<!--
                                    <b class="caret"></b>
-->
                                    </a>
                                      <ul class="dropdown-menu">
                                        <li><a href="#" data-url="/italiaCives/cambiacomune" class="fa fa-bank fa-lg">
                                    <span  class="pippo">Il Comune</span></a></li>
                                        <li><a href="#" data-url="/italiaCives/cambiacomune" class="fa fa-bank fa-lg">
                                    <span  class="pippo">Il Comune</span></a></li>
                                        <li><a href="#" data-url="/italiaCives/cambiacomune" class="fa fa-bank fa-lg">
                                    <span  class="pippo">Il Comune</span></a></li>
                                        <li class="divider"></li>
                                        <li><a href="#" data-url="/italiaCives/cambiacomune" class="fa fa-bank fa-lg">
                                    <span  class="pippo">Il Comune</span></a></li>
                                      </ul>
                                    </li>
                </ul>
                <div class="tab-content">
                        <section id="home" class="tab-pane active" >
                            <p style="text-align:center;">
                                <img src="/tpl/img/ajax-loader.gif">
                            </p>
                        </section>
                        <section id="news" class="tab-pane">
                            <p style="text-align:center;">
                                <img src="/tpl/img/ajax-loader.gif">
                            </p>
                        </section>
                        <section id="eventi" class="tab-pane" >
                            <p style="text-align:center;">
                                <img src="/tpl/img/ajax-loader.gif">
                            </p>
                        </section>
                        <section id="segnalazioni" class="tab-pane">
                            <p style="text-align:center;">
                                <img src="/tpl/img/ajax-loader.gif">
                            </p>
                        </section>
                        <section id="comune" class="tab-pane">
                            <p style="text-align:center;">
                                <img src="/tpl/img/ajax-loader.gif">
                            </p>
                        </section>
                        <section id="cambiacomune" class="tab-pane">
                            <p style="text-align:center;">
                                <img src="/tpl/img/ajax-loader.gif">
                            </p>
                        </section>
                </div><!-- /tabs -->
                              {% endblock %}

                            </div>  <a href="#top" id="toTop"></a>
    </div>
{% include "ic/scripts.html" with context %}
{% block custom_js %}
<script type="text/javascript">
$(document).ready(function(){

    $('#myTabs a').click(function (e) {
        e.preventDefault();

        var url = $(this).attr("data-url");
        var href = this.hash;
        var pane = $(this);
        // ajax load from data-url
        $(href).load(url,function(result){
            pane.tab('show');
        });
    });

     //load first tab content
    $('#home').load($('.active a').attr("data-url"),function(result){
      $('.active a').tab('show');
    });

});
</script>
{% endblock %}

</body>
</html>
